@charset "utf-8";
@import "init";
@import "common";


main{
	position: absolute;
	left: 0;
	top: r(89);
	bottom: r(107);
	width: 100%;
	overflow-y: auto;
	.banner{
		width: 100%;
		height: r(358);
		overflow: hidden;
		position: relative;
		.img_banner{
			width: 100%;
			height: r(358);
			overflow: hidden;
			img{
				width: 100%;
			}
		}
		.mask{
			width: 100%;
			height:r(104);
			background-color: rgba(0,0,0,.3);
			position: absolute;
			bottom:0;
			left:0;
			padding: r(37) r(21) r(14) r(30);
			box-sizing:border-box;
			
			h4{
				font-size: r(26);
				color: white;
				line-height: r(13);
			}
			p{
				display: inline-block;
				font-size: r(22);
				color:white;
				margin-right: r(165);
			}
			span{
				font-size: r(17.86);
				color:white;
				
			}
			i{
				font-size: r(18);
				color:white;
			}
		}
	}

	.content_box{
		width: 100%;
		padding: r(20) r(29) r(0);
		box-sizing: border-box;
		a{
			.box_top{
				display:flex;
				height: r(165);
				border-bottom:1px solid $sub_color;
				margin-bottom: r(30);
				.img_box{
					width: r(209);
					height: r(140);
					overflow: hidden;
					img{
						width: 100%;
					}
				}
			
				.title_box{
					width: r(357);
					height: r(140);
					margin-left: r(16);
					h3{
						font-size: r(26);
						color: #010101;
						
					}
					p{
						font-size: r(22);
						color: $sub_color;
						
					}
					.de{
						margin-left: r(194);
						span{
							font-size: r(18);
							color: #939393;
							
						}
						i{
							font-size: r(18);
							color: #939393;
						}
					}
					
				}
			}
			
		
		}
		
		
		
	}

	.main_bottom{
		width: 100%;
		height: r(60);
		background-color: white;
		text-align: center;
		
		p{
			color: $sub_color;
			font-size: r(22);
			line-height: r(44);
		}
	}
}